<template>
  <el-card style="width: 90%;margin:0 auto;position: relative;">
    <div style="text-align: center;font-size: 20px;border-bottom: 1px solid rgb(220,220,220);width: 88%;height: 40px;margin: 0 auto">微信扫码支付</div>
    <div style="float: right;margin: 40px 130px;width:450px;height: 350px">
      <img src="/u1685.png" style="width: 450px;height: 560px">
    </div>
    <div style="font-size:13px;margin-top: 40px;margin-left: 120px">
      <p>订单编号： 209907091214560078</p>
      <p>商品名称： 小红点蓝牙无线双模键盘 双模无线 玩转多屏</p>
      <p>应付金额： <b style="color: red;font-size: 16px">888888</b></p>
    </div>
    <div style="width: 350px;height: 350px;text-align: center;border:2px solid rgb(220,220,220);border-radius: 5px;margin-left: 120px">
      <img src="/pay.jpg" style="width: 95%;margin-top: 15px">
    </div>
    <div style="background-color: limegreen;width: 350px;height: 75px;margin-top: 10px;color: white;border-radius: 5px;margin-left: 120px">
      <img src="/u1684.svg" style="margin-left: 40px;margin-top: 15px;float: left">
      <p style="float: left;margin:10px 0 0 20px;">请打开微信扫一扫</p><br>
      <p style="float: left;margin:5px 0 0 20px;">扫描上方二维码完成支付</p>
    </div>
    <div style="margin-top: 20px;font-size: 10px;margin-left: 120px">如已支付成功，可<a href="http://localhost:9090/myorder"><u style="color: rgb(255,153,0)">查询订单状态</u></a></div>

  </el-card>
</template>
<script setup>

</script>


<style scoped>

</style>